<template>
  <van-row justify="center" class="my-row">
    <van-col v-for="(item, index) in imglist" :key="index" class="my-col" span="6">
      <a :href="item.link">
        <img :src="item.image" />
      </a>
    </van-col>
  </van-row>
</template>

<script>
export default {
  data: () => ({
    imglist: [
      {
        name: "香港医院",
        image: "/static/img/hb/组 1.png",
        link: "/hongkong/hospital"
      },
      {
        name: "导医咨询",
        image: "/static/img/hb/组 2.png",
        link: "/consultdoctor"
      },
      {
        name: "境外疫苗",
        image: "/static/img/hb/组 3.png",
        link: "/hongkong/vaccine"
      },
      {
        name: "境外体检",
        image: "/static/img/hb/组 4.png",
        link: "/hongkong/examination"
      },
      {
        name: "自助核保",
        image: "/static/img/hb/组 5.png",
        link: "https://ljjkfwszyxgs.qiyukf.com/client?k=fd723dcd4455fd8d7adbff9af6b56d93&wp=1"
      },
      {
        name: "人工核保",
        image: "/static/img/hb/组 6.png",
        link: "/underwriter"
      },
      {
        name: "境外医美",
        image: "/static/img/hb/组 7.png",
        link: "/hongkong/medicalbeauty"
      },
      {
        name: "疫苗快查",
        image: "/static/img/hb/组 8.png",
        link: "https://scancode.mashangfangxin.com/view/trace-code-drug-page/vaccine_recall/queryInfo?from=groupmessage"
      },
    ]
  }),
  mounted() {
    // https://scancode.mashangfangxin.com/view/trace-code-drug-page/vaccine_recall/queryInfo?from=groupmessage
    var list = [];
    for (let i = 0; i < 8; i++) {
      list[i] = "/static/img/hb/组 " + (i + 1) + ".png";
    }
    // this.imglist = list;
  }
};
</script>

<style lang='scss' scoped>
.my-row {
  padding: 10px 0;
  text-align: center;
  .my-col {
    height: 70px;
    img {
      width: 40px;
      height: auto;
      margin-top: 10px;
    }
  }
}
</style>